<DocumentFragment>
  <div
    class="ant-app"
  >
    <div>
      test
    </div>
    <div
      class="ant-pro-card ant-pro-card-border"
    >
      <div
        class="ant-pro-card-body"
      >
        <div
          style="max-width: 800px; margin: auto;"
        >
          <form
            autocomplete="off"
            class="ant-form ant-form-vertical ant-pro-form"
          >
            <input
              style="display: none;"
              type="text"
            />
            <div
              style="display: flex; align-items: center; gap: 16px; padding-block-end: 16px;"
            >
              <div
                style="flex-grow: 1; flex-shrink: 1; flex-basis: 0%;"
              >
                总分：80
              </div>
              <div
                style="flex-grow: 1; flex-shrink: 1; flex-basis: 0%;"
              >
                题数：40
              </div>
              <div
                style="flex-grow: 2; flex-shrink: 1; flex-basis: 0%;"
              >
                <div
                  class="ant-form-item ant-form-item-vertical"
                >
                  <div
                    class="ant-row ant-form-item-row"
                  >
                    <div
                      class="ant-col ant-form-item-label"
                    >
                      <label
                        class=""
                        title="及格分"
                      >
                        及格分
                      </label>
                    </div>
                    <div
                      class="ant-col ant-form-item-control"
                    >
                      <div
                        class="ant-form-item-control-input"
                      >
                        <div
                          class="ant-form-item-control-input-content"
                        >
                          <div
                            class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined"
                            style="width: 100%;"
                          >
                            <div
                              class="ant-input-number-handler-wrap"
                            >
                              <span
                                aria-disabled="false"
                                aria-label="Increase Value"
                                class="ant-input-number-handler ant-input-number-handler-up"
                                role="button"
                                unselectable="on"
                              >
                                <span
                                  aria-label="up"
                                  class="anticon anticon-up ant-input-number-handler-up-inner"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    data-icon="up"
                                    fill="currentColor"
                                    focusable="false"
                                    height="1em"
                                    viewBox="64 64 896 896"
                                    width="1em"
                                  >
                                    <path
                                      d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
                                    />
                                  </svg>
                                </span>
                              </span>
                              <span
                                aria-disabled="false"
                                aria-label="Decrease Value"
                                class="ant-input-number-handler ant-input-number-handler-down"
                                role="button"
                                unselectable="on"
                              >
                                <span
                                  aria-label="down"
                                  class="anticon anticon-down ant-input-number-handler-down-inner"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    data-icon="down"
                                    fill="currentColor"
                                    focusable="false"
                                    height="1em"
                                    viewBox="64 64 896 896"
                                    width="1em"
                                  >
                                    <path
                                      d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                                    />
                                  </svg>
                                </span>
                              </span>
                            </div>
                            <div
                              class="ant-input-number-input-wrap"
                            >
                              <input
                                aria-valuemin="0"
                                autocomplete="off"
                                class="ant-input-number-input"
                                placeholder="请输入"
                                role="spinbutton"
                                step="1"
                                value=""
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div
                style="flex-grow: 2; flex-shrink: 1; flex-basis: 0%;"
              >
                <div
                  class="ant-form-item ant-form-item-vertical"
                >
                  <div
                    class="ant-row ant-form-item-row"
                  >
                    <div
                      class="ant-col ant-form-item-label"
                    >
                      <label
                        class=""
                        title="考试时间(分钟)"
                      >
                        考试时间(分钟)
                      </label>
                    </div>
                    <div
                      class="ant-col ant-form-item-control"
                    >
                      <div
                        class="ant-form-item-control-input"
                      >
                        <div
                          class="ant-form-item-control-input-content"
                        >
                          <div
                            class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined"
                            style="width: 100%;"
                          >
                            <div
                              class="ant-input-number-handler-wrap"
                            >
                              <span
                                aria-disabled="false"
                                aria-label="Increase Value"
                                class="ant-input-number-handler ant-input-number-handler-up"
                                role="button"
                                unselectable="on"
                              >
                                <span
                                  aria-label="up"
                                  class="anticon anticon-up ant-input-number-handler-up-inner"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    data-icon="up"
                                    fill="currentColor"
                                    focusable="false"
                                    height="1em"
                                    viewBox="64 64 896 896"
                                    width="1em"
                                  >
                                    <path
                                      d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
                                    />
                                  </svg>
                                </span>
                              </span>
                              <span
                                aria-disabled="false"
                                aria-label="Decrease Value"
                                class="ant-input-number-handler ant-input-number-handler-down"
                                role="button"
                                unselectable="on"
                              >
                                <span
                                  aria-label="down"
                                  class="anticon anticon-down ant-input-number-handler-down-inner"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    data-icon="down"
                                    fill="currentColor"
                                    focusable="false"
                                    height="1em"
                                    viewBox="64 64 896 896"
                                    width="1em"
                                  >
                                    <path
                                      d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                                    />
                                  </svg>
                                </span>
                              </span>
                            </div>
                            <div
                              class="ant-input-number-input-wrap"
                            >
                              <input
                                aria-valuemin="0"
                                autocomplete="off"
                                class="ant-input-number-input"
                                placeholder="请输入"
                                role="spinbutton"
                                step="1"
                                value=""
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="ant-form-item ant-form-item-vertical"
              style="max-width: 100%;"
            >
              <div
                class="ant-row ant-form-item-row"
              >
                <div
                  class="ant-col ant-form-item-label"
                >
                  <label
                    class=""
                    for="table"
                    title="题库编辑"
                  >
                    题库编辑
                  </label>
                </div>
                <div
                  class="ant-col ant-form-item-control"
                >
                  <div
                    class="ant-form-item-control-input"
                  >
                    <div
                      class="ant-form-item-control-input-content"
                    >
                      <div
                        class="ant-pro-table"
                      >
                        <div
                          class="ant-table-wrapper"
                        >
                          <div
                            class="ant-spin-nested-loading"
                          >
                            <div
                              class="ant-spin-container"
                            >
                              <div
                                class="ant-table ant-table-middle ant-table-layout-fixed ant-table-scroll-horizontal"
                                id="table"
                              >
                                <div
                                  class="ant-table-container"
                                >
                                  <div
                                    class="ant-table-content"
                                    style="overflow-x: auto; overflow-y: hidden;"
                                  >
                                    <table
                                      style="width: auto; min-width: 100%; table-layout: fixed;"
                                    >
                                      <colgroup>
                                        <col />
                                        <col />
                                        <col />
                                        <col />
                                        <col
                                          style="width: 150px;"
                                        />
                                      </colgroup>
                                      <thead
                                        class="ant-table-thead"
                                      >
                                        <tr>
                                          <th
                                            class="ant-table-cell ant-table-cell-ellipsis"
                                            scope="col"
                                          >
                                            关联题库
                                          </th>
                                          <th
                                            class="ant-table-cell"
                                            scope="col"
                                          >
                                            题型
                                          </th>
                                          <th
                                            class="ant-table-cell"
                                            scope="col"
                                          >
                                            题数
                                          </th>
                                          <th
                                            class="ant-table-cell"
                                            scope="col"
                                          >
                                            计分方式
                                          </th>
                                          <th
                                            class="ant-table-cell"
                                            scope="col"
                                          >
                                            分值
                                          </th>
                                          <th
                                            class="ant-table-cell"
                                            scope="col"
                                          >
                                            操作
                                          </th>
                                        </tr>
                                      </thead>
                                      <tbody
                                        class="ant-table-tbody"
                                      >
                                        <tr
                                          aria-hidden="true"
                                          class="ant-table-measure-row"
                                          tabindex="-1"
                                        >
                                          <th
                                            class="ant-table-measure-cell"
                                          >
                                            <div
                                              class="ant-table-measure-cell-content"
                                            >
                                              关联题库
                                            </div>
                                          </th>
                                          <th
                                            class="ant-table-measure-cell"
                                          >
                                            <div
                                              class="ant-table-measure-cell-content"
                                            >
                                              题型
                                            </div>
                                          </th>
                                          <th
                                            class="ant-table-measure-cell"
                                          >
                                            <div
                                              class="ant-table-measure-cell-content"
                                            >
                                              题数
                                            </div>
                                          </th>
                                          <th
                                            class="ant-table-measure-cell"
                                          >
                                            <div
                                              class="ant-table-measure-cell-content"
                                            >
                                              计分方式
                                            </div>
                                          </th>
                                          <th
                                            class="ant-table-measure-cell"
                                          >
                                            <div
                                              class="ant-table-measure-cell-content"
                                            >
                                              分值
                                            </div>
                                          </th>
                                          <th
                                            class="ant-table-measure-cell"
                                          >
                                            <div
                                              class="ant-table-measure-cell-content"
                                            >
                                              操作
                                            </div>
                                          </th>
                                        </tr>
                                        <tr
                                          class="ant-table-row ant-table-row-level-0"
                                          data-row-key="624748504"
                                        >
                                          <td
                                            class="ant-table-cell ant-table-cell-ellipsis"
                                            title="题库名称一"
                                          >
                                            <span
                                              aria-describedby="test-id"
                                              class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-single-line"
                                              style="width: 100%; margin: 0px; padding: 0px;"
                                              title=""
                                            >
                                              题库名称一
                                            </span>
                                          </td>
                                          <td
                                            class="ant-table-cell"
                                          >
                                            <span
                                              class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                                            >
                                              <span
                                                class="ant-badge-status-dot ant-badge-status-default"
                                              />
                                              <span
                                                class="ant-badge-status-text"
                                              >
                                                多选题
                                              </span>
                                            </span>
                                          </td>
                                          <td
                                            class="ant-table-cell"
                                          >
                                            <span>
                                              10
                                            </span>
                                          </td>
                                          <td
                                            class="ant-table-cell"
                                          >
                                            连续型
                                          </td>
                                          <td
                                            class="ant-table-cell"
                                          >
                                            <span>
                                              20
                                            </span>
                                          </td>
                                          <td
                                            class="ant-table-cell"
                                          >
                                            <div
                                              style="display: flex; align-items: center; justify-content: flex-start; gap: 8px;"
                                            >
                                              <a>
                                                移除
                                              </a>
                                              <a>
                                                编辑
                                              </a>
                                            </div>
                                          </td>
                                        </tr>
                                        <tr
                                          class="ant-table-row ant-table-row-level-0"
                                          data-row-key="624691229"
                                        >
                                          <td
                                            class="ant-table-cell ant-table-cell-ellipsis"
                                            title="题库名称二"
                                          >
                                            <span
                                              aria-describedby="test-id"
                                              class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-single-line"
                                              style="width: 100%; margin: 0px; padding: 0px;"
                                              title=""
                                            >
                                              题库名称二
                                            </span>
                                          </td>
                                          <td
                                            class="ant-table-cell"
                                          >
                                            <span
                                              class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                                            >
                                              <span
                                                class="ant-badge-status-dot ant-badge-status-warning"
                                              />
                                              <span
                                                class="ant-badge-status-text"
                                              >
                                                单选题
                                              </span>
                                            </span>
                                          </td>
                                          <td
                                            class="ant-table-cell"
                                          >
                                            <span>
                                              10
                                            </span>
                                          </td>
                                          <td
                                            class="ant-table-cell"
                                          >
                                            连续型
                                          </td>
                                          <td
                                            class="ant-table-cell"
                                          >
                                            <span>
                                              20
                                            </span>
                                          </td>
                                          <td
                                            class="ant-table-cell"
                                          >
                                            <div
                                              style="display: flex; align-items: center; justify-content: flex-start; gap: 8px;"
                                            >
                                              <a>
                                                移除
                                              </a>
                                              <a>
                                                编辑
                                              </a>
                                            </div>
                                          </td>
                                        </tr>
                                        <tr
                                          class="ant-table-row ant-table-row-level-0"
                                          data-row-key="624748503"
                                        >
                                          <td
                                            class="ant-table-cell ant-table-cell-ellipsis"
                                            title="题库名称三"
                                          >
                                            <span
                                              aria-describedby="test-id"
                                              class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-single-line"
                                              style="width: 100%; margin: 0px; padding: 0px;"
                                              title=""
                                            >
                                              题库名称三
                                            </span>
                                          </td>
                                          <td
                                            class="ant-table-cell"
                                          >
                                            <span
                                              class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                                            >
                                              <span
                                                class="ant-badge-status-dot ant-badge-status-success"
                                              />
                                              <span
                                                class="ant-badge-status-text"
                                              >
                                                判断题
                                              </span>
                                            </span>
                                          </td>
                                          <td
                                            class="ant-table-cell"
                                          >
                                            <span>
                                              10
                                            </span>
                                          </td>
                                          <td
                                            class="ant-table-cell"
                                          >
                                            连续型
                                          </td>
                                          <td
                                            class="ant-table-cell"
                                          >
                                            <span>
                                              20
                                            </span>
                                          </td>
                                          <td
                                            class="ant-table-cell"
                                          >
                                            <div
                                              style="display: flex; align-items: center; justify-content: flex-start; gap: 8px;"
                                            >
                                              <a>
                                                移除
                                              </a>
                                              <a>
                                                编辑
                                              </a>
                                            </div>
                                          </td>
                                        </tr>
                                        <tr
                                          class="ant-table-row ant-table-row-level-0"
                                          data-row-key="624691220"
                                        >
                                          <td
                                            class="ant-table-cell ant-table-cell-ellipsis"
                                            title="题库名称四"
                                          >
                                            <span
                                              aria-describedby="test-id"
                                              class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-single-line"
                                              style="width: 100%; margin: 0px; padding: 0px;"
                                              title=""
                                            >
                                              题库名称四
                                            </span>
                                          </td>
                                          <td
                                            class="ant-table-cell"
                                          >
                                            <span
                                              class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                                            >
                                              <span
                                                class="ant-badge-status-dot ant-badge-status-error"
                                              />
                                              <span
                                                class="ant-badge-status-text"
                                              >
                                                填空题
                                              </span>
                                            </span>
                                          </td>
                                          <td
                                            class="ant-table-cell"
                                          >
                                            <span>
                                              10
                                            </span>
                                          </td>
                                          <td
                                            class="ant-table-cell"
                                          >
                                            连续型
                                          </td>
                                          <td
                                            class="ant-table-cell"
                                          >
                                            <span>
                                              20
                                            </span>
                                          </td>
                                          <td
                                            class="ant-table-cell"
                                          >
                                            <div
                                              style="display: flex; align-items: center; justify-content: flex-start; gap: 8px;"
                                            >
                                              <a>
                                                移除
                                              </a>
                                              <a>
                                                编辑
                                              </a>
                                            </div>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <button
                          class="ant-btn ant-btn-dashed ant-btn-color-default ant-btn-variant-dashed"
                          style="display: block; margin: 10px 0px; width: 100%;"
                          type="button"
                        >
                          <span
                            class="ant-btn-icon"
                          >
                            <span
                              aria-label="plus"
                              class="anticon anticon-plus"
                              role="img"
                            >
                              <svg
                                aria-hidden="true"
                                data-icon="plus"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="64 64 896 896"
                                width="1em"
                              >
                                <path
                                  d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
                                />
                                <path
                                  d="M192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z"
                                />
                              </svg>
                            </span>
                          </span>
                          <span>
                            添加一行数据
                          </span>
                        </button>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              style="display: flex; gap: 8px; align-items: center;"
            >
              <button
                class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
                type="button"
              >
                <span>
                  重 置
                </span>
              </button>
              <button
                class="ant-btn ant-btn-primary ant-btn-color-primary ant-btn-variant-solid"
                type="button"
              >
                <span>
                  提 交
                </span>
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>